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Learning Outcome 


. describe the functions of graphics 

. integrate graphics and text effectively 

. explain the process for creating graphics 
. cite graphics used in technical documents 


. choose an appropriate graphic based on a document’s audience 
and purpose 
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Why use Visual Aids? 


Clarity 

terest & Retention 
Variety 

Delivery Skills 
Credibility 
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Use Of Visual Aids 


A. Purposes of Visual Aids in Reports 


i Add to communication by summarizing complex 
figures. 

Z, Identify company through the use of logo. 

3. Show relationships with charts. 

4. Indicate trends with graphs. 

a; Present details with tables. 


Enhance comprehension 

Make meaningful comparisons possible 
illustrate relationships 

Serve as a universal language 

Provide emphasis 


Focus and organize information, making it easier to 
remember 
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B. Placement of Visual Aids in a Written Report 


1. Place illustrations that relate directly to Subject in 
body of report. 
2, Place in appendix if indirectly related. 
3. Refer to graphic aid within written text prior to its 
appearance. 
4. Place small illustrations after first reference to each in 
the text. 
5. Place large illustrations on first page after reference. 
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a 
C. Identification of Visual Aids Sources 


1. Acknowledge sources of visual aids in same manner as 


sources of text material. 
D Source note consists of the word SOURCE in uppercase 


letters, followed by colon and the source. 
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General Guidelines for Graphics 


Determine the Purpose of the Graphic 
Evaluate the Accuracy and Validity of the Data 
Refer to All Graphics in the Text 

Think About Where to Put Graphics 

Position Graphics Vertically When Possible 
Avoid confusion 

Provide Titles, Notes, Keys, and Source Data 
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Specific Guidelines for Graphics 


Tables 

Pie Charts 

Bar Charts 

Line Charts 
Flowcharts 
Organization Charts 
Technical Drawings 
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“ Petigning effective Charts & 
Graphs 


= Make Sure Your Graphic Has a Purpose 


Graphics should either convey information that supports what you have 
already discussed in the text or present new information concisely. 


A graphic should help your reader understand or remember 
information. 


= Aim for Simplicity 


Because your audience wants to understand your graphic quickly, you 
Should include only those data and design elements that help convey 
and emphasize your primary point. 

A graphic should be simple and uncluttered. 
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= Be Honest 


‘| Don’t mislead readers include omitting data, hiding data, not 
beginning axes scales at zero, manipulating elements in a 
photograph, and using color to misrepresent an item's 
importance. You are responsible for providing honest, clear, 
and accurate graphics. 


‘| remember to acknowledge your source if you did not create or 
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Avoid Visual Distortion 


» Present the real picture 
» Present the complete picture 
» Concentrate on emphasis, not distortion 
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= Present a Manageable 
Amount of Information 


‘lYour readers will 
understand your data 
more easily if it is 
presented in small chunks 
rather than all at once. 


‘IConsider your audience 
and purpose when 
deciding how much data 
to include in a single 
graphic. 


Food (21%) 


@ Renter's Insurance 
w 401(k) 
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Rent (32%) 


O Home Maintenance 
B Savings 

@ Telephone 

B Medical 

B Other 


7 A graphic should present a manageable amount of information. 
The first pie chart uses too many slices to present information 
on monthly expenditures to a general audience interested in 
learning about household budgets. In addition, the first pie 
chart also includes a redundant key that lists each of the items. 
In contrast, the second example combines similar categories 
and nake — dO OO ATT _ 5 OOF 
househol Other (5%) 


Medical (654) 


Tranaportation (79) 


Utilities (955) 
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= Follow Common Conventions for Graphics 


| Readers learn through experience how to understand 
different kinds of graphic conventions. 


=" For example, percentages in a pie chart add up to 100. 
=" Boxes in a flowchart represent actions or processes. 
=" An organizational chart is read from the top down. 


| When you meet the reader's format expectations, you increase 
the likelihood that the reader will understand your point. 


Poorly Formatted 
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= Label Your Graphic 
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integrating graphics and text helps readers understand your point. 


Successful integration begins with assigning a label, number, and 
title to your graphics, differentiating them from one another. 
For instance, a table and a pie chart in a document might be 
identified as "Table 1. Means and Standard Deviations for 
Fillmore Air Components This Year to Date" and "Figure 1. 
Greenhouse Gas Emissions from Ventura County by Major Source, 
2005." Place identifying information above tables and below 
figures. 
Help readers understand a graphic quickly by labeling major 
elements. 
=" For tables, label rows and columns so readers can interpret the 
data in the cells of the table. 
=" For graphs, label the vertical (y) and horizontal (x) axes as well 
as lines. 


=" For pie charts, label each slice. 
=" For all graphics, include units of measurement for every 
variable displayed. 
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Specific Guidelines for Graphics 


= Tables 
— Use Informal Tables as Extensions of Text 
Use Formal Tables for Complex Data Separated from Text 
Use Plenty of White Space 
Follow Conventions for Dividing and Explaining Data 
— Pay Special Attention to Cost Data 
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TABLE 22: M-Global's Employee Retirement Fund 


Investment % of Total 
Type Book Value Market Value Market Value 


Temporary Securities $ 434,084 434,084 5.9% 
Bonds 3,679,081 3,842,056 52.4 
Common Stocks 2,508,146 3,039,350 41.4 
Mortgages 18,063 18,063 0.3 
Real Estate 1,939 1,939 nil 


Totals $6,641,313 $7,335,492 100.0% 


Note: This table contrasts the book value versus the market value of the M-Global Employee 
Retirement Fund, as of December 31, 2008. 
Source: M-Global's accounting firm of Bumble and Bumble, Inc. 
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Specific Guidelines for Graphics 


= Pie Charts 
_ Use Pie Charts Especially for Percentages and Money 
_| Use No More Than 6 or 7 Divisions 


| Move Clockwise from 12:00, from Largest to Smallest 
Wedge 


| Be Creative, But Stay Simple 
— Draw and Label Carefully 


S 
UCS) Creating Graphic 
UNIVERSITY School of Engineering (EE108) May 2010 


Pie Charts 


Exploded pie chart 
10% 5% 


Pie within pie 
20% 


25% 
20% 40% 


25% 


40% 


Simple pie chart 
5% 


20% 


25% 
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Specific Guidelines for Graphics 


=" Bar Charts 
— Use a Limited Number of Bars 
— Show Comparisons Clearly 


_ Keep Bar Widths Equal and Adjust Space Between Bars 
Carefully 


— Carefully Arrange the Order of Bars 
Be Creative 
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Bar Charts 


Income per Share 


Operating Profits 2000 
a 2001 
20 
g 2002 
= 15 
S 
= 2003 
10 
F 
5 2004 
0’ 2000 2001 2002 2003-2004 0 50 1.00 1.50 2.00 2.50 
Dollars 
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Specific Guidelines for Graphics 


= Line Charts 
| Use Line Charts for Trends 
— Locate Line Charts with Care 
| Strive for Accuracy and Clarity 
Do Not Place Numbers on the Chart Itself 
Use Multiple Lines with Care 
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Line charts 


FAX Installations 


—e— Gow. 
—a— Home 
—... Business 


—e— Gow. 1572 3451 3245 3980 
—a— Home 1456 1789 2134 2385 
—. Business 2502 3890 6823 8974 
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Specific Guidelines for Graphics 


= Flowcharts 
— Present Only Overviews 
— Limit the Number of Shapes 
— Provide a Legend When Necessary 
— Run the Sequence from Top to Bottom or from Left to Right 
/ Label All Shapes Clearly 
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Flowcharts 
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Specific Guidelines for Graphics 


= Organization Charts 


' Use the Linear “Boxes” Approach to Emphasize High-Level 
Positions 


_ Connect Boxes with Solid or Dotted Lines 


— Use a Circular Design to Emphasize Mid- and Low-Level 
Positions 


' Use Varied Shapes Carefully 
_| Be Creative 
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Organization Charts 
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Specific Guidelines for Graphics 


=" Technical Drawings 
— Choose the Right Amount of Detail 
| Label Parts Well 
‘| Choose the Most Appropriate View 
— Use Legends When There Are Many Parts 
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Process of Designing Visual Aid 


i. What point you are trying to make with this graphic? 
ii. What types of charts and graphs do your readers understand? 
Your answers will help you choose the most effective kind of graphic to convey your point 


If you want to Then consider using a 


Show the relative values of two or more Vertical bar graph 
quantities such as height, size, and amount 


Show the relative values of two or more Horizontal bar graph 
quantities such as speed and distance 


Compare two or three quantities for each item Group (or clustered) bar graph 


Show how a larger quantity is divicled into its Subdivided (or stacked) bar graph 
various components and the relative effect that 
each component has on the whole 


Show the relative proportions of the quantities 100-percent bar graph 
that make up several items 


Show how the quantity of an item changes Line graph 
over time 


\ Show the relative size of the parts of a whole Pie chart 
Convey large amounts of numerical data Table 
>. : 
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Step 2: Enter Data into a Spreadsheet Program 


Step 3: Select Data to Include in a Graphic 
then choose the graphic type that you been decide at step 1 


Step 4: Customize the Graphic for Your Audience and Purpose 
-proper title and labeling 


Step 5: Integrate the Graphic and the Text 


*Place the graphic in a logical location in the document. 


*Introduce the graphic in the text. 
°Explain the graphic in the text. 
*Make the graphic clearly visible. 
*Make the graphic easy to find. 
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Example of the text content with graphic aid 


The general characteristics of POME taken from the palm oil mill are given 
ih Table 4.1. | POME was collected from the raw effluent pit pond at the average 
temperature of 85°C. The raw POME was at an acidic condition with a pH of 4. The 
chemical oxygen demand (COD) value of the effluent is fairly high at the average of 
46,006.3 mg/L. This is a normal value of POME due to the high solids content. 
Turbidity and total suspended solids content were also being tested and the results 


are shown in Table 4.1. 


Table 4.1: Characteristic of Raw Palm Oil Mill Effluent (POME) 


4.42 0.1 
46006.3+ 1885.7 


20295.0+ 2011.5 
8030.62 1885.6 
N 14.08= 2.64 
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The effect of imtial phenol concentrations (25-200 
mg/L) on adsorption capacity b tivated carbons, 
EFB 500 and EFB 800 is shown i Fig. / ctivated carbon 
EFB 800 had a higher adsorption capacity which varied 
between 2.7 and 10.8 mg/g at initial phenol concentrations 
of 25 to 200 mg/L. EFB 500 had an adsorption capacity 
between 1.4 and 6.6 mg/g for the same conditions. The 
mcrease in adsorption capacity of adsorbent may be due 
to the higher probability of collision between phenol and 
adsorbent. 


—*-— EPR 500 —m— EFB 800 


Adsorption capacity (mg/g) 


o 50 Io 150 200 250 
Initial concentration (mp/L) 


Fig. 3 Effect of initial phenol concentration on adsorption by activated 
carbons. Adsorbent dosage: 1% w/v: temperature: 30°C; pH 3; agitation: 
150 cfmin; contact time: 6h. 
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Misuse of Graphics 


=" Confusing Comparisons 
=" Chartjunk 
= Distorted Elements 
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Misuse of Graphics 
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Misuse of Graphics 


Where Your County Taxes Are Spent 


—_—_aa Community growth 4% 


Parks and libraries 
18% 


T% 


JUEH4576 


Courts 24% ws : Ya WASHINGTON, D.C. “ct 

Police “eS. 1 ee Ot Re ee Se « Administrative 

18% hee — oe SSH sservices 11% 
° 


Bus service 
13% 
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Misuse of Graphics 


ASSETS OF JONES RETIREMENT FUND 


2 


1 24% Bonds 

2 22% Stocks 

3 45% Real Estate 

4 7% Certificate of Deposit 
5 2% Other Assets 


UCSI Creating Graphic 
‘uiveeery ochool of Engineering (EE108) May 2010 


